<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../../../src/css/common/reset.css">
    <link rel="stylesheet" href="com-layer.css">

    <link rel="stylesheet" href="../../layout/button/layout.css">
    <!--<link rel="stylesheet" href="../../../../dist/com-component.min.css">-->
    <script src="../../lib/jquery.js"></script>
    <script src="com-layer.js"></script>
</head>
<body>

    <button class="a">a1</button>

    <p>这是于一身的发射点发射点发生</p>
    <p>这是于一身的发射点发射点发生</p>
    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>    <p>这是于一身的发射点发射点发生</p>

    <!--<button id="b" style="position: fixed;z-index: 1000">a2</button>-->

</body>
<script>

    var obj = null;

    $(".a").click(function(){
        obj = new ComLayer({
            dom:"<div>这是插入的文字</div><div>这是插入的文字</div>",
            //width:'600px',
            okHandler:function(btnObj){
                btnObj.addClass('active-animate');
                alert('ok');
                obj.close();
            },
            cancelHandler:function(){
              alert('cancel')
            },
            callback:function(){
                alert('insert')
            },
            okText:'yes',
            cancelText:'no',
            title:'优惠券',
            zIndex:1500002,
            displayHead:false,
            displayFooter:false,
            layerClick:false,
        })
    });

    $("#b").click(function(){
        //obj.close();
    })
</script>
</html>